﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="TimKiem.aspx.cs" Inherits="IMark.TimKiem" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="js/DatHang.js"></script>
    <style type="text/css">
        #pagesize span span,#pagesize span a{
            background-color: #00aff0;
            border: 1px solid #ffffff;
            color: #ffffff;
            padding: 10px 18px;
            font-size: 18px;
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.428571429;
            text-decoration: none;
            color: #ffffff;
            background-color: #00aff0;
            border: 1px solid #ffffff;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div class="container"> 
  <!-- row -->
  <div class="row">
    <div class="col-md-12 col-sm-12 col-xs-12 box-block">
      
      <div class="row clearfix f-space20"></div>
      <div class="box-content">
        <div class="box-products">
          <asp:ListView ItemPlaceholderID="ItemId" ID="ListView1" runat="server" OnItemDataBound="ListView1_ItemDataBound">
    
    <LayoutTemplate>
       
        <div class="nn-box-col-wrapper">
            <span id="ItemId" runat="server" />
        </div>
        <%--<div id="pagesize" style="text-align:center">
            <asp:DataPager PageSize="5" ID="DataPager1" runat="server">
            <Fields>
                <asp:NextPreviousPagerField FirstPageText="First" 
                    ShowFirstPageButton="true" ShowLastPageButton="false" 
                    ShowNextPageButton="false" ShowPreviousPageButton="false" />
                
                <asp:NumericPagerField NextPageText="Next" PreviousPageText="Prev" />
                
                <asp:NextPreviousPagerField LastPageText="Last" 
                    ShowFirstPageButton="false" ShowLastPageButton="true" 
                    ShowNextPageButton="false" ShowPreviousPageButton="false" />
            </Fields>
            </asp:DataPager>
        </div>--%>
    </LayoutTemplate>

    <ItemTemplate>
    <!--mặt hàng 1-->
		 <div class="row list-product"> 
            <!-- Product --> 
            <!-- Image -->
            <div class="col-md-3 col-sm-12 col-xs-12 product-image">
              <div class="image">
                <a class="img" href="ChiTietSP.aspx?ID=<%#Eval("ID") %>"><asp:Image CssClass="ani-image" ID="SpecIcon" 
            ImageUrl="images/new_icon.gif" runat="server"/></a> </div>
            </div>
            <!-- end: Image -->
            <div class="col-md-9 col-sm-12 col-xs-12 product-title">
              <div class="producttitle">
                <h1><a href="ChiTietSP.aspx?ID=<%#Eval("ID") %>"><%#Eval("TenSanPham") %></a></h1>
                <div class="rating"><asp:Label ID="rating" runat="server"></asp:Label></div>
                <span class="reviews-info">Sản phẩm này có <asp:Label ID="LuotXem" runat="server"></asp:Label> lượt xem</span> </div>
            </div>
            <div class="col-md-3 col-sm-4 col-xs-12 product-price">
              <div class="big-price"> 
                  
                  <span class="price-old"><asp:Label ID="oldPrice" runat="server"></asp:Label></span> 
                  <span class="price-new"><asp:Label ID="newPrice" runat="server"></asp:Label></span> </div>
                
            </div>
            <div class="col-md-6 col-sm-8 col-xs-12 product-meta">
              <div class="productmeta">
                <div style="height: 86px;overflow: hidden;text-overflow: ellipsis;white-space: normal;padding: 10px;"><%#Eval("MoTaTomTat") %>...<a href="#a">Xem</a></div>
                <div class="category-list-btns">
                  <button class="btn normal btn-compare pull-left" onclick="Compare(<%#Eval("ID") %>)" > <i class="fa normal fa-retweet fa-fw"></i> </button>
                  <button class="btn normal btn-addtocart pull-left" onclick="ThemVaoGioHang(<%#Eval("ID") %>)"> <i class="fa fa-shopping-cart fa-fw"></i> Add to Cart </button>
                </div>
              </div>
            </div>
          </div>
          <!-- end: Product Row -->
          <div class="row clearfix f-space20"></div>
	<!--/mặt hàng 1-->
    </ItemTemplate>

    </asp:ListView>
                    
          <!-- Product Row -->
          
        </div>
      </div>
      <div class="clearfix f-space30"></div>
      
    </div>
  </div>
  <!-- end:row --> 
</div>
</asp:Content>
